<template>
  <!-- 表单数据处理 -->
  <div>
    <el-table :data="arr" border style="width: 100%">
      <el-table-column prop="text" label="Name" width="180" />
      <el-table-column prop="state" label="Address" />
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [],
      tableList: [
        {
          cell1: { text: '李四1', state: true },
          cell2: { text: '李四4', state: true },
          cell3: { text: '李四13', state: true }
        },
        {
          cell: { text: '李四1', state: true },
          cell2: { text: '李四2', state: true },
          cell3: { text: '李四13', state: false }
        },
        {
          cell: { text: '王五7', state: true },
          cell2: { text: '李四2', state: true },
          cell3: { text: '李四9', state: false }
        }
      ]
    }
  },

  created() {
    this.index() // 调用管理者数据接口
  },
  methods: {
    index() {
      // 方法一：
      // this.tableList.forEach((item) => {
      //   for (const key in item) {
      //     this.arr.push(item[key])
      //   }
      // })

      // 方法二es6：
      this.tableList.forEach((item) => {
        this.arr.push(...Object.values(item))
      })
    }
  }
}
</script>

<style>
</style>